$(function (){	// 当DOM 全部加载完毕触发 类似 DOMContentLoaded;
		var w = ($('.tp .t1').outerWidth() *6); // 取宽
		var now = 0;
		$('.tp').css({'width':w/6*$('.tp .t1').length + 'px'}); // 设置宽

			// 右按钮
			$('.btny').click(function(){
				now++;
				if( $('#sz1').html()==7){
					$('#sz1').html(1);
				}else{
					$('#sz1').html(now+1);
				}

				if(now==7){
					now=0;
				}
				console.log(now);
				if( now>$('.tp .t1').length-1){
					now = 0;
				}
				$('.tp').animate({
				'left':-w*now +'px',
			},800)

			})

			// 左按钮
			$('.btnz').click(function(){
				now--;

				if( $('#sz1').html()==1){
					$('#sz1').html(7);
				}else{
					$('#sz1').html(now+1);
				}
				if(now==-1){
					now=6;
				}
				console.log(now);
				if( now<0){
					now = $('.tp .t1').length-1
				}
				$('.tp').animate({
				'left':-w*now +'px',
			},800)
				
			})

//-----------------------------------2
var now2=0;
						// 右按钮
			$('.btny2').click(function(){
				now2++;
				if( $('#sz2').html()==2){
					$('#sz2').html(1);
				}else{
					$('#sz2').html(now2+1);
				}

				if(now2==2){
					now2=0;
				}
				console.log(now2);
				if( now2>$('.tp2 .t1').length-1){
					now2 = 0;
				}
				$('.tp2').animate({
				'left':-w*now2 +'px',
			},800)

			})

			// 左按钮
			$('.btnz2').click(function(){
				now2--;

				if( $('#sz2').html()==1){
					$('#sz2').html(2);
				}else{
					$('#sz2').html(now2+1);
				}
				if(now2==-1){
					now2=1;
				}
				console.log(now2);
				if( now2<0){
					now2 = $('.tp2 .t1').length-1
				}
				$('.tp2').animate({
				'left':-w*now2 +'px',
			},800)
				
			})

// 鼠标移入显示按钮
$('.left').mouseenter(function(){
	$(".btnz").fadeIn(500);
	$(".btny").fadeIn(500);

})
$('.left').mouseleave(function(){
	$(".btnz").fadeOut(500);
	$(".btny").fadeOut(500);

})

$('.left2').mouseenter(function(){
	$(".btnz2").fadeIn(500);
	$(".btny2").fadeIn(500);

})
$('.left2').mouseleave(function(){	
	$(".btnz2").fadeOut(500);
	$(".btny2").fadeOut(500);

})

// 鼠标移动上去显示边框
	for( i=0; i<$('.t1').length; i++){
	$('.t1').mouseenter(function(){
		$(this).css({'borderColor':'#ff318c'}).siblings('.t1').css({'borderColor':''});
	})
	$('.t1').mouseleave(function(){
		$(this).css({'borderColor':''}).siblings('.t1').css({'borderColor':''});
	})
}

// 鼠标移动上去显示小图片
	for( i=0; i<$('.rm2 li').length; i++){
	$('.rm2 li').mouseenter(function(){
		// var ind = $(this).index(); 获取角标失败
		var ind =$('.rm2 li').index(this);
		$('.rm2 li+div').eq(ind).slideDown().siblings('.rm2 li+div').slideUp();
	})

}
// 城市选择导航
$('.cs').mouseenter(function(){
	$('.csdh').fadeIn();
})
$('.cs').mouseleave(function(){
	$('.csdh').fadeOut();
})

// $('.csdh').mouseenter(function(){
// 	$('.csdh').show();
// })
// $('.csdh').mouseleave(function(){
// 	$('.csdh').fadeOut();
// })



})
